<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>吃饭，点易点</title>
    <link rel="stylesheet" href="css/colorbox.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.colorbox.js"></script>

    <script type="text/javascript">
      $(document).ready(function(){
          $("#fff").colorbox({inline:true, href:"#kkk"});
      });
    </script>
</head>

<body>  
  <div id="fff">fdasfdasfasdfsda</div>
  <div style="display:none;">
  <div id="kkk" style="width:350px; height:300px;">
     fdafsdafd
  </div>
  </div>
</body>
</html>
